﻿/*------------------------------------------------------------------
[Master Stylesheet]

Project:	EPiServer.Municipality
[Table of contents]

1 Body
2 Skip (#skip)
3 Header (#header)
    3.1 Quicksearch
    3.2 Google Translate
    3.3 Tools
4 Navigation (#nav)
    4.1 Main navigation
    4.2 Sub navigation
5 Content (#content)
    5.1 Main
		5.1.1 Home
        5.1.2 News list
        5.1.3 Index
        5.1.4 Document list
        5.1.5 Searchpage
    5.2 Additional
    5.3 Pagination
    5.4 Page info
6 Footer (#footer)
7 Misc
	
-------------------------------------------------------------------*/
html { background:#f6f6f6 url(/images/bg.png) no-repeat 50% 0 fixed; }
/*------------------------------------------------------------------
1 Body
-------------------------------------------------------------------*/
body  {
	background-color:#fff;
	margin:0 auto;
    max-width:81.4em;
    min-width: 760px;
    position:relative;
}
/*------------------------------------------------------------------
2 Skip
-------------------------------------------------------------------*/
#skip {
	position:absolute;
	left:0;
	top:-100px;
}
#skip:focus, #skip:active {
	font-weight:bold;
	position:absolute;
	top:10px;
	white-space:nowrap;
}
/*------------------------------------------------------------------
3 Header
-------------------------------------------------------------------*/
#header {
	padding:3.75em 0 2.9em 1.4em;
	margin:0 20px;
    position:relative;
}
    /*------------------------------------------------------------------
    3.1 Quicksearch
    -------------------------------------------------------------------*/
    #header form {
	    position: absolute;
	    top: 3.5em;
	    right: 0;
    	background-color: #e9e9e9;
    	padding: .8em .6em;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;	    
    }
    #header input {
	    font-family: Helvetica, Arial, sans-serif;
	    font-size:91.7%;
    }
    #header input.text {
	    font-style: italic;
	    padding: 4px 5px;
	    width: 22.1em;
	    border-top: solid 1px #c7c7c7; 
	    border-left: solid 1px #c7c7c7;
	    color: #666;
    }
    #header input.text:focus,
    #header input.text:active {
        background:#f9ffff;
        border:1px solid #00a7cc;
        -moz-box-shadow:0 0 3px #267E97;
    }
    #header input.edited { 
	    font-style:normal;
	    color:#333;
    }
    #header input.button { padding: 2px 3px; }
    /*------------------------------------------------------------------
    3.2 Google Translate
    -------------------------------------------------------------------*/
    #translate-dialog {
        position:absolute;
        z-index:999;
        background:#fff;
        width:15em;
        padding:1em;
        margin:1px 0 0 0;
        right:8px;
        border:1px solid #ccc;
    }
    #translate-dialog label {
        font-weight:bold;
        font-size:.95em;
        margin-bottom:.2em;
        display:block;
    }        
    /*------------------------------------------------------------------
    3.3 Tools
    -------------------------------------------------------------------*/
	#header ul {
		position:absolute;
		top:0;
		right:0;
	}
    #header li {
	    float:left;
	    margin:.2em 0 0 1.2em;
    }
   #header li a {
	    font-size:91.7%;
	    line-height: 1;
    }    
/*------------------------------------------------------------------
4 Navigation
-------------------------------------------------------------------*/
#global-nav {
	background:#7a7a7a url(/images/sprites/sprite-x.png) repeat-x 0 -139px;
	margin:0 20px;
}
    /*--------------------------------------------------------------
    4.1 Main navigation
    ---------------------------------------------------------------*/
    #global-nav ul { overflow:hidden; }
    #global-nav li { float:left; }
    #global-nav ul a:link,
    #global-nav ul a:visited,
    #global-nav ul span.selected {
    	border-right:solid 1px #fff;
    	border-bottom:solid 1px #7a7a7a;
	    display:block;
	    font-size:108.3%;
	    padding:1em 1.2em;
	    font-weight:bold;
	    line-height:1;
	    color:#fff;
	    text-decoration:none;
    }
	#global-nav ul a:hover { text-decoration:underline; }
	#global-nav ul a:focus,
	#global-nav ul a:active {
	    background-color:#666;
	    border-bottom-color:#666;
	    text-decoration:underline;		
	}
	#global-nav ul a:link.selected,
	#global-nav ul a:visited.selected,
	#global-nav ul span.selected,
	#global-nav ul a:link.expanded,
	#global-nav ul a:visited.expanded {
		background-color:#267e97;
		border-bottom-color:#00a7cc;
	}
	#global-nav ul a:focus.selected,
	#global-nav ul a:active.selected,
	#global-nav ul a:focus.expanded,
	#global-nav ul a:active.expanded {
	    background-color:#666;
	    border-bottom-color:#666;	
	}
    /*------------------------------------------------------------------
    4.2 Sub navigation
    -------------------------------------------------------------------*/
    #local-nav {
        float:left; 
        width:25%;
        min-height:100px;
    }
    #local-nav ul {
    	background-color:#fff;
    	margin:0 20px 0 0;
    }
    #local-nav ul ul {
    	background-color:#f6f6f6;
		position:relative;
		margin:0;
		width:100%;
	}
    #local-nav ul li { float:none; }
    #local-nav ul a:link,
    #local-nav ul a:visited,
    #local-nav ul span {
    	background:transparent url(/images/sprites/sprite.png) no-repeat 5px -2592px;
    	border-bottom:solid 1px #d9d9d9;
    	border-right:0;
    	outline:0;
    	color:#333;
    	padding:1em 1.3em;
    	font-weight:normal;
    	font-size:100%;
    	display:block;
	    line-height:1;
	    text-decoration:none;
	}
	#local-nav ul a:hover { text-decoration:underline; }
	#local-nav ul a:focus,
	#local-nav ul a:active {
		background-color:#eee;
		color:#267e97;
		border-bottom-color:#d1d1d1;
		text-decoration:underline;
	}
	#local-nav ul a:link.selected,
	#local-nav ul a:visited.selected,
	#local-nav ul span,
	#local-nav ul a:link.expanded,
	#local-nav ul a:visited.expanded,
	#local-nav ul span.expanded {
		background-color:transparent;
		border-bottom-color:#d9d9d9;
	}
	#local-nav ul a:link.selected,
	#local-nav ul a:visited.selected,
	#local-nav ul span { font-weight:bold; }
    #local-nav ul ul a:link,
    #local-nav ul ul a:visited,
    #local-nav ul ul span {
    	background-position:16px -2592px;
		padding-left:2.25em;
	}
    #local-nav ul ul ul a:link,
    #local-nav ul ul ul a:visited,
    #local-nav ul ul ul span {
    	background-position: 28px -2592px;
		padding-left:3.2em;
	}
    #local-nav ul ul ul ul a:link,
    #local-nav ul ul ul ul a:visited,
    #local-nav ul ul ul ul span {
    	background-position: 39px -2592px;
		padding-left:4.15em;
	}
	#local-nav ul a:link.expandable,
	#local-nav ul a:visited.expandable { background-position: 5px -686px; }
	#local-nav ul a:link.expanded,
	#local-nav ul a:visited.expanded,
	#local-nav ul span.expanded {
		background-color:#a0a0a0;
		background-position:5px -2486px;
		color:#fff;
	}
	#local-nav ul a:focus.expanded,
	#local-nav ul a:active.expanded {
		background-color:#eee;
		background-position:5px -686px;
		color:#267e97;
	}
	#local-nav ul a:focus.selected,
	#local-nav ul a:active.selected { background-color:#eee; }					
	#local-nav ul ul a:link.expandable,
	#local-nav ul ul a:visited.expandable,
	#local-nav ul ul a:link.expanded,
	#local-nav ul ul a:visited.expanded { background-position: 16px -686px; }
	#local-nav ul ul a:link.expanded,
	#local-nav ul ul a:visited.expanded,
	#local-nav ul ul span.expanded {
		background-color:transparent;
		color:#333;
	}
	#local-nav ul ul a:focus.expanded,
	#local-nav ul ul a:active.expanded {
		color:#267e97;
	}
	#local-nav ul ul ul a:link.expandable,
	#local-nav ul ul ul a:visited.expandable,
	#local-nav ul ul ul a:link.expanded,
	#local-nav ul ul ul a:visited.expanded,
	#local-nav ul ul ul span.expanded { background-position: 28px -686px; }
/*------------------------------------------------------------------
5 Content
-------------------------------------------------------------------*/
#content {
	margin:0 20px 0 20px;
	overflow:hidden;
	min-height:550px;
	padding-bottom:20px;
}
    /*--------------------------------------------------------------
    5.1 Main
    ---------------------------------------------------------------*/
	#content .main {
		width:50%;
		float:left;
	}
	#content .main ul.editorial-list,
	#content .main ol.editorial-list { margin:1em 0 1em 2.5em; }
	#content .main ul.editorial-list li { padding-left:1.4em; }
	#content .main ol.editorial-list li {
		margin-left:1.5em;
		list-style-type:decimal;
	}	
	#content .main ul.editorial-list li { background: url(/images/sprites/sprite.png) no-repeat 0 -2601px; }
    #path {
    	background-color:#fff;
    	color: #333;
    	line-height:1;
    	margin:0 20px;
    	padding:1em 1.3em;
    }
    #path a {
	    font-weight: bold;
	    display:block;
	    float:left;
    }
    #path span {
        background:transparent url(/images/sprites/sprite.png) no-repeat 7px -698px;
        padding:0 .8em;
        text-indent:-9999px;
        display:block;
        float:left;
    }
        /*----------------------------------------------------------
        5.1.1 Home
        -----------------------------------------------------------*/
        body.home h1 {
        	font-size:100%;
        	line-height:inherit;
			margin:0;
		}
		body.home #content { margin:0 20px; }
		body.home #content .main { width:74%; }
		body.home #splash {
			margin: 6px 20px 0;
			overflow:hidden;
		}
		body.home #content .main .main {
			width:64.5%;
			border-top: solid 1px #d9d9d9;
			border-bottom: solid 6px #d9d9d9;
		}
		body.home .main .additional {
			border-top: solid 1px #d9d9d9;
			border-bottom: solid 6px #d9d9d9;
		}
		body.home #content .main .additional {
			width:32%;
			position:relative;
		}		
		body.home #content .additional { width:23.5%; }
		body.home #content .main .additional ul { padding:.7em 0 6em; }
		body.home #content .main .additional .date { font-size:100%; }
		body.home #content .main .additional h3 { padding:0; }
		body.home #content .main .additional a:link.archive,
		body.home #content .main .additional a:visited.archive {
			position:absolute;
			right:0;
			bottom:.5em;
			background-image: url(/images/sprites/sprite.png);
			background-repeat:no-repeat;
			background-position:0 -694px;
			font-weight:bold;
			padding-left:9px;
		}
		body.home #content .main .additional a:focus.archive,
		body.home #content .main .additional a:active.archive { bottom:.4em; }		
		body.home .main .main div {
			position:relative;
            padding:15px 0 15px 135px;
            min-height:120px;
		}
		body.home .main .main div:first-child { border-bottom:1px solid #d9d9d9; }
		body.home .main .main img {
            position:absolute;
            left:0;
            top:15px;			
		}
		body.home #content h2 { padding-top:1.3em; }
		body.home .main .main h3 { padding-top:0; }
        /*----------------------------------------------------------
        5.1.2 News list
        -----------------------------------------------------------*/
        #content div.main ul.news {
            list-style:none;
            padding:0 0 .8em 0;
            margin:0;  
            border-bottom:1px solid #d9d9d9;
            border-top:1px solid #d9d9d9;
        }
        body.news #content div.main ul.news {
            margin:2em 0 1em 0; 
            border-bottom:0;
        }
        #content div.main ul.news li { position:relative; }
        body.home #content div.main ul.news li.first,
        body.news #content div.main ul.news li {
            padding:15px 0 15px 135px;
            margin:0 0 1em 0;
            min-height:120px;
            border-bottom:1px solid #d9d9d9;
        }
        body.news #content div.main ul.news li { margin:0; }
        body.home #content div.main ul.news li.first h3,
        body.news #content div.main ul.news li h2 {
            margin:0;
            padding:0;
            font-size:1.3em;
        }
        body.home #content div.main ul.news li.first img,
        body.news #content div.main ul.news li img {
            position:absolute;
            left:0;
            top:15px;
        }
        body.home #content div.main ul.news li.first span,
        body.news #content div.main ul.news li span {
            top:auto; left:auto;
            position:static;
        }
        body.home #content div.main ul.news li h3 {
            padding: .2em 0 .2em 135px;
            font-size:1em;
        }
        body.home #content div.main ul.news li span {
            position:absolute;
            left:0;
            top:.1em;
        }        
        /*----------------------------------------------------------
        5.1.3 Index
        -----------------------------------------------------------*/
        #content .main ul.index {
        	border-top:4px solid #d9d9d9;
            list-style:none;
            margin:0 0 1em 0;
            padding:0;
        }
        #content .main ul.index li {
			padding:.2em .4em;
			border-bottom:1px solid #d9d9d9;
		}
        #content .main ul.index li.external { padding-left:.1em;}
        #content .main ul.index li.external a {
        	background-image:url("/images/sprites/sprite.png");
			background-position:0 -2024px;
			background-repeat:no-repeat;
			padding:1px 0 1px 20px;
		}
        #content .main ul.index li:nth-child(odd) { background:#f3f3f3; }
        /*----------------------------------------------------------
        5.1.4 Document list
        -----------------------------------------------------------*/
        body.documents .main ul.documents {
        	border-top:4px solid #d9d9d9;
            list-style:none;
            margin:2em 0 1em;
        }
        body.documents .main ul.documents li  {
			border-bottom:1px solid #d9d9d9;
			padding:.5em .4em;
			position:relative;
		}
		body.documents .main ul.documents li:nth-child(odd) { background:#f3f3f3; }
        body.documents .main ul.documents li a {
            background-repeat:no-repeat;
            padding:2px 0 2px 20px;
        }
        body.documents ul.documents li span {
			color:#666;
			position:absolute;
			right:.4em;
		}
        /*----------------------------------------------------------
        5.1.5 Searchpage
        -----------------------------------------------------------*/
        body.searchpage .result li { padding:15px 0 0 0; }
        body.searchpage .result li a { font-size: 1.3em; }
        body.searchpage .result { margin:1em 0 1em 0; }
        body.searchpage .result li {
		    border-bottom:1px solid #d9d9d9;
		    padding:0 0 15px 0;
		    font-size:.917em;
		    color:#666666;
		}
		body.searchpage .form { margin:2em 0 1em 0; }
		body.searchpage .form input.button {
			float: left;
			width:auto;
			padding: 0.3em;
			margin: 0 0 0 0.6em;
		}
		body.searchpage .form input {
			float: left;
			width:70%;
		}		        
    /*--------------------------------------------------------------
    5.2 Additional
    ---------------------------------------------------------------*/
	#content .additional {
		float:right;
		width:22.5%;
	}
    #content .additional div {
	    padding: 0 0 1em 0;
	    margin: 0 0 2em 0;
	    background:#FAFAFA url(/images/sprites/sprite-x.png) repeat-x 0 -598px;
	    border-bottom:6px solid #e0e0e0;
	    color: #333;
    }
    #content .additional ul {
	    font-size:91.7%;
	    padding: .545em 1.364em 0 1.364em;
    }
    #content .additional li { padding: .545em 0; }
    #content .additional div p {
	    font-size:91.7%;
	    margin: 0 0 0.5em 0;
	    padding: 0.545em 1.364em 0 1.364em
    }    	
    /*--------------------------------------------------------------
    5.3 Pagination
    ---------------------------------------------------------------*/
    .paginator {
        text-align:center;
        overflow:hidden;
        font-size:.9em;
        margin:0 0 2em 0;
    }
    .paginator div { float:right; }
    .paginator span,
    .paginator a {
        border:1px solid #d9d9d9;
        height:2.1em;
        width:2.1em;
        display:block;
        float:left;
        line-height:2.1em;
        margin:0 0 0 .2em;
    }
    .paginator a:hover { background-color:#f1f1f1; }
    .paginator span { font-weight:bold; }
    .paginator .next,
    .paginator .prev,
    .paginator .atstart,
    .paginator .atend {
        text-indent:-9999px;
        background:transparent url(/images/sprites/sprite.png) no-repeat 10px -693px;
    }
    .paginator .prev { background:transparent url(/images/sprites/sprite.png) no-repeat 9px -593px; }
    .paginator .atstart { background:transparent url(/images/sprites/sprite.png) no-repeat 9px -492px; }
    .paginator .atend { background:transparent url(/images/sprites/sprite.png) no-repeat 10px -394px; }
    .paginator .results {
        padding:.3em 1em 0 0;
        color:#777;
    }    
    /*--------------------------------------------------------------
    5.4 Page Info
    ---------------------------------------------------------------*/
    #page-info {
        border-top:solid 1px #d9d9d9;
        margin:0;
        overflow:hidden;
    }
    #page-info p {
        margin:.4em 0 0 0;
        display:block;
        float:right;
        font-style:italic;
        font-size:.9em;
        color:#666;
    }
    #page-info a {
        display:block;
        float:left;
        border-bottom:solid 1px #d9d9d9;
        border-left:solid 1px #d9d9d9;
        border-right:solid 1px #d9d9d9;
        font-size:.95em;
        background:#ebebeb url(/images/sprites/sprite-x.png) repeat-x 0 -336px;
    }
    #page-info span {
        display:block;
        padding:.4em .4em .4em 1.1em;
        border:1px solid #fff; 
        background:transparent url(/images/sprites/sprite.png) no-repeat .25em -290px;
    }
    #page-info a.active { background:#fff url(/images/sprites/sprite-x.png) repeat-x 0 -461px; }
    #page-info a:focus { outline:0; }
    #page-info a.active span { background:transparent url(/images/sprites/sprite.png) no-repeat .25em -189px; }
    #page-info #share-anchor { border-left:0; }
    div.share a { padding-right:5px; }
    div.comment div { padding-top:0; }
    div.comment div,
    div.share div { border-bottom:0; }
    .published {
        display:block;
        padding:0 0 1em 0;
        font-style:italic;
        font-size:.9em;
        color:#666;
    }
/*------------------------------------------------------------------
6 Footer
-------------------------------------------------------------------*/
#footer {
	padding: 8em 0 2.5em 0;
	margin:0 20px;
	font-size: 0.917em;
	line-height: 1.818; 
	color: #333333;
	background-color:#fff;
}
#footer span.editor { margin: 0 0 0 1em; }
#footer .links { float: right; }
#footer .links a { 	margin: 0 0 0 1em; }
/*------------------------------------------------------------------
7 Misc
-------------------------------------------------------------------*/
.structural {
	position: absolute;
	left: -9999px;
}
#content .contactlist li p {
	font-size:100%;
	margin:0 0 0.5em;
	padding:0.545em 0 0;
}
.contactlist a:link,
.contactlist a:visited,
.linklist a:link,
.linklist a:visited {
	padding: 1px 0 1px 20px;
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -2145px;
}
.contactlist .external a:link,
.contactlist .external a:visited,
.linklist .external a:link,
.linklist .external a:visited {
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -2024px;
}
.contactlist a.email {
	background-image:none;
	padding-left: 0; 
}
.doc a:link,
.doc a:visited,
.docx a:link,
.docx a:visited {
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -1301px;
}
.xls a:link,
.xls a:visited,
.xlsx a:link,
.xlsx a:visited {
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -1397px;
}
.ppt a:link,
.ppt a:visited,
.pptx a:link,
.pptx a:visited {
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -1201px;
}
.pdf a:link,
.pdf a:visited {
	background-image: url(/images/sprites/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -1101px;
}
.form { margin:2em 0 0 0; }
.form div {
    background:#ececec;
    border-left:solid 1px #d9d9d9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    padding:1.2em;
    overflow:hidden;
}
.form div div {
    background:none;
    border:0;
    padding:0;
}
.form .systemwarning {
    background:#ffe6e6;
    padding-top:1.2em;
}

.form .systeminfo { background:#e7ffd9; }
.form p {
    border-left:solid 1px #d9d9d9;
    border-right:solid 1px #d9d9d9;
    background:#ececec;
    padding:1em 1.2em 1em 1.2em;
    margin:0;
}
.form h2 {
    background:#a0a0a0;
    color:#fff;
    margin:0;
    padding:.6em 1.2em;
    font-size:1.1em;
}
.form em {
    font-style:normal;
    font-family:Helvetica, Arial;
    color:#666;
}
.form label {
    display:block;
    font-weight:bold;
    margin:0 0 .1em 0;
}
.form input.hidden { display: none; }
.form input.button,
.form input.button:focus {
    padding:.8em;
    margin:.6em .5em 0 0;
    width:auto;
    float:left;
    background:#00a7cc url(/images/sprites/sprite-x.png) repeat-x 0 -190px;
    color:#fff;
    font-weight:bold;
    border:0;
    border-right:1px solid #008ab7;
    border-bottom:1px solid #008ab7;
}
.form input,
.form textarea,
.form select {
    display:block;
    width:55%;
    padding:.3em;
    margin-bottom:.5em;
    border:0;
    border-top:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    background:#fff;
    font-family:Helvetica, Arial;
    font-size:1.1em;
}
.form input:focus,
.form textarea:focus {
    background:#f9ffff;
    border-color:#00a7cc;
    -moz-box-shadow:0 0 3px #5ec2d8;
}
.form textarea { width:97.5%; }
.form fieldset label {
    display:inline; 
    vertical-align:middle;
    margin:0 1em 0 .2em;
    font-weight:normal;
}
.form input.error,
.form textarea.error{ background:#fff2f2 url(/images/sprites/sprite.png) no-repeat 100% -798px; }
.form fieldset input {
    width:auto;
    border:0;
    background:none;
    display:inline;
    vertical-align:middle;
    padding:0;
    margin:-.1em 0 0 .2em;
}
.form fieldset legend { font-weight:bold; }
.form fieldset { margin:0 0 1em 0; }

.systemwarning,
.systeminfo {
	margin:1em 0;
	padding:1px;
	border:1px solid transparent;
}
.systemwarning { border-color:#f8b6c1; }
.systeminfo { border-color:#c5de89; }
.systemwarning div {
	background-color:#ffe6e6;
	padding:1em;
}
.systeminfo div {
	background-color:#e7ffd9;
	padding:1em;
}
.systemwarning p,
.systeminfo p { margin:0; }